// out: false,main:../classic.less,main:../technology.less
.time-line-row{
    @dotColor:#2e60b2;
    display: flex;
    .layui-timeline-item{
        list-style: none;
        position: relative;
        flex:1;
        display: flex;
        align-items: center;
        flex-direction: column;
        .layui-timeline-axis{
            position: relative;
            color: @dotColor;
        }
        &:before{
            content: '';
            position: absolute;
            top:7px;
            z-index: 0;
            height: 1px;
            width: 100%;
        }
        &:last-child{
            &:after{
                content: '';
                position: absolute;
                top:7px;
                z-index: 0;
                height: 1px;
                width: 100%;
                background: #e6e6e6;
                
            }
        }
        .layui-timeline-content{
            padding:10px 0 0 0;
            .layui-timeline-title{
                text-align: center;
                margin:0 0 5px 0;
            }
            p{
                color:#999;
                text-align: center;
            }
        }
        &.hover{
            .layui-timeline-axis{
                background:#2e60b2;
            }
            &::before{
                background: #2e60b2;
            }
        }
    }
}